<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="desktop.xhtml">


	<ui:define name="body">
		<h:form styleClass="letraForm">
		<p:growl id="messages" showDetail="true" />
 		<p:panel header="Catálogo Bancos" style="width:100%" >
		<p:spacer height="18px" />
		
		<p:panelGrid>		       
				<p:row >
				<p:column>
					<h:outputLabel value ="Descripción Banco: " for="txtBanco" />
				</p:column>
					<p:spacer height="5px" />
				<p:column>
					<p:inputText size="30"  id="txtBanco"
					value="#{bancoAction.banco.nombreBanco}"/>
				</p:column>
				
				<p:column>
					<h:outputLabel value ="Activo: " for="txtBanco" />
				</p:column>
				
				<p:column>
				    <p:selectBooleanCheckbox value="#{bancoAction.banco.activo}" />
			    </p:column>
				
				<p:column>
				<p:spacer width="20px" />
				</p:column>
				<p:column>
				<p:spacer width="40px" />
				</p:column>
				<p:column>
				<p:spacer width="20px" />
				</p:column>
				<p:column>
				<p:spacer width="40px" />
				</p:column>	
				<p:column>
				<p:spacer width="40px" />
				</p:column>
				<p:column>
				<p:spacer width="40px" />
				</p:column>
				<p:column>
				<p:spacer width="40px" />
				</p:column>
				<p:column>
				<p:spacer width="40px" />
				</p:column>
				<p:column>
				<p:spacer width="40px" />
				</p:column>
				<p:column>
				<p:spacer width="40px" />
				</p:column>
				<p:column>
				<p:spacer width="40px" />
				</p:column>		
				</p:row>				

			</p:panelGrid>
			
			<p:spacer width="10" height="20" />
			<center>
 			<div style="width: 600px; height: 350px; overflow-y: scroll; position: relative;">
			<p:dataTable id="tableBank" var="banco" value="#{bancoAction.listBanco}" paginator="true" rowIndexVar="rowNum" rows="10" 
			paginatorPosition="bottom"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				rowsPerPageTemplate="5,10,50,100">
			<p:column  headerText="#" style="width:3px;">
			<h:outputText value="#{rowNum+1}" />
			</p:column>
            <p:column headerText="Nombre">
            <h:outputText value="#{banco.nombreBanco}" />
            </p:column>
            <p:column headerText="Estado">
            <p:selectBooleanCheckbox value="#{banco.activo}" />
            </p:column>     
            </p:dataTable>
			</div>
			</center>
        
 		
 			</p:panel> 			
 			
			
 			
 			
 			
 			<p:spacer width="1" height="20" />
			<center>
				<div>
					<h:panelGrid>
					<p:row>
					 <p:column style="background-color: #F9F9F9">
							<p:commandButton update="messages,letraForm" value="Guardar" action="#{bancoAction.guardar}" ajax="false" />
												
				     </p:column>
					 <p:spacer width="9" height="11" />
					 <p:column>
						<p:commandButton value="Editar" />
					</p:column>
					 <p:spacer width="9" height="11" />
					<p:column>	
						<p:commandButton value="Eliminar" />
				    </p:column>		
					</p:row>	
					</h:panelGrid>
				</div>
			    </center>
			    
			    	
			
			<p:spacer width="100" height="20" />				
			
			<p:dialog id="procesando" header="" widgetVar="dlgP" modal="true"
				showEffect="puff" hideEffect="fold" draggable="false"
				resizable="false" closable="false">
				<div id="datos" class="script-tittle">Procesando...</div>
				<div id="dlgspace1"
					style="width: 100%; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;">
				</div>
				<div id="botonesdlgP" style="width: 100%; text-align: center;">
					<p:graphicImage value="imgs/globe64.gif" />
				</div>
			</p:dialog>
		</h:form>
	</ui:define>

</ui:composition>
</html>

